<template>
  <div class="m-page">
    <van-nav-bar
      class="m-page__bar"
      title="客服中心"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="p-content">
      <p class="g-c--gray p-fs--36">TA'S DOUTLE</p>
      <p class="p-c--red-dark">您的贴心、健康小管家</p>
      <img class="p-logo" src="~_a/img/logo.png" />
      <p class="g-c--red-dark g-mb--20">客服热线：</p>
      <img class="p-code-img" src="" alt="客服微信二维码" />
      <p class="g-fs--12 g-mt--5">长按识别二维码添加客服微信</p>
    </div>
  </div>
</template>

<script>
import { NavBar } from "vant";
export default {
  name: "customer_service_center",
  components: {
    "van-nav-bar": NavBar
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped>
.m-page {
  background-color: #fff;
}
.p-content {
  font-size: 24px;
  line-height: 2;
  text-align: center;
}
.p-fs--36 {
  font-size: 36px;
}
.p-c--red-dark {
  color: #b7202b;
}
.p-logo {
  width: 179px;
  height: 179px;
  margin: 16px auto;
}
.p-code-img {
  display: inline-block;
  width: 150px;
  height: 150px;
  border: 1px solid #eee;
  background-color: #eee;
}
</style>
